<template>
  <div class="about-container">
    <h4>About组件</h4>

    <hr />

    <!-- 子级路由连接 -->
    <router-link to="/about">tab1</router-link>
    <router-link to="/about/tab2">tab2</router-link>

    <hr />

    <!-- 子级路由占位符 -->
    <router-view></router-view>
  </div>
</template>

<style lang="less" scoped>
.about-container {
  background-color: red;
  height: auto;
  padding: 10px;

  a {
    color: blue;
    text-decoration: none;
    margin-right: 10px;
  }
}
</style>
